html, body {
	margin: 0px;
	height: 100%;
	background: #f5f6f7;
	font-size: 17px;
}

#jianpan {
	width: 100%;
	height: 302px;
	border-radius: 20px;
	border: none;
	box-shadow: rgba(0, 0, 0, 0.3) 0 1px 5px;
	background: #DDDDDD;
	position: absolute;
	bottom: 20px;
	animation: animation 0.3s linear;
	-moz-animation: animation 0.3s linear;
	-webkit-animation: animation 0.1s linear; /*Safari and Chrome*/
	-ms-animation: animation 0.3s linear;
	-o-animation: animation 0.3s linear;
	 z-index:999;
	 position:absolute;
}

.anjian_0 {
	width: 15%;
	height: 10%;
	border: none;
	position: absolute;
	border-radius: 5px;
}


.anjian {
	box-shadow: rgba(0, 0, 0, 0.3) 0 0px 5px;
	text-align: center;
	padding: 6px 5px 6px 5px;
	position: absolute;
	background: #FFFFFF;
	border-radius: 5px;
	line-height: 17px;
	font-size: larger;
}

.anjian2 {
	padding: 6px 5px 6px 5px
}

.select_font {
	background: #009EDD;
}

.lan_0 {
	top: 3%;
}

.lan_1 {
	top: 12%;
}

.lan_2 {
	top: 23%
}

.lan_3 {
	top: 34%;
}

.lan_4 {
	top: 45%;
}

.lan_5 {
	top: 67%;
}

.lan_6 {
	top: 78%;
}

.lan_7 {
	top: 89%;
}

.a_1 {
	left: 1%;
}

.a_2 {
	left: 12%;
}

.a_3 {
	left: 23%;
}

.a_4 {
	left: 34%;
}

.a_5 {
	left: 45%;
}

.a_6 {
	left: 56%;
}

.a_7 {
	left: 67%;
}

.a_8 {
	left: 78%;
}

.a_9 {
	left: 89%;
}

span.sec {
    width: 19px;
    height: 16px;
    display: block;
}

span.sec1 {
	color: #18b4ed
}

@keyframes animation { 
	0% {margin-bottom: -302px}
  100% {margin-bottom:0px}
}